{extend name="base" /}
{block name="css"}
<link rel="stylesheet" href="https://paidou.cdn.dgyunju.cn/css/about.css?{$version|default=100}">
<link rel="stylesheet" href="https://paidou.cdn.dgyunju.cn/fonts/iconfont.css">
<style>
    .contact a{color: black}
</style>
{/block}


{block name="content"}
<div id="container">
    <div id="header"></div>
    <div id="rightside"></div>
    <div class="banner">
        <img class="image" src="https://paidou.cdn.dgyunju.cn/image/about.png" alt="">
        <div class="img-word">
            <h1 class="word-title">{:lang('about_us')}</h1>
            <p class="word-en">CORPORATE NEWS</p>
            <p class="word-content">{$config['page_about_tip']|default=''}</p>
        </div>
    </div>
    <div id="content">
        <div class="top-content" >
            <img class="top-banner" src="https://paidou.cdn.dgyunju.cn/image/earth_map.png" alt="">
            <ul class="banner-word">
                <li class="word-list">
                    <div class="list-top">
                        <a name="about">
                            <span class="fi-top"><i class="fi fi-keyanfangxiang"></i></span>
                            <span class="fi-word">{$config['staff']|default=0}</span>
                        </a>
                    </div>
                    <div class="list-down">{:lang('Number of researchers')}</div>
                </li>
                <!-- <li class="word-list">
                    <div class="list-top">
                        <span class="fi-top"><i class="fi fi-zhuanli"></i></span>
                        <span class="fi-word">{$config['awards']|default=0}</span>
                    </div>
                    <div class="list-down">{:lang('Number of patents')}</div>
                </li> -->
                <li class="word-list">
                    <div class="list-top">
                        <span class="fi-top"><i class="fi fi-briefcase"></i></span>
                        <span class="fi-word">{$config['certificate']|default=0}</span>
                    </div>
                    <div class="list-down">{:lang('Research Interests')}</div>
                </li>
                <li class="word-list">
                    <div class="list-top">
                        <span class="fi-top"><i class="fi fi-list"></i></span>
                        <span class="fi-word">{$config['capacity']|default=0}</span>
                    </div>
                    <div class="list-down">{:lang('solution')}</div>
                </li>
            </ul>
            <div class="overlay">
                <img class="image-overlay" src="https://tongmen.cdn.img.dgyunju.cn/images/bg-apply-after.jpg" alt="">
                <div class="right">
                    {$config['aboutus']|raw|htmlspecialchars_decode|nl2br|default=''}
                </div>
                <span class="show-content">点击展开内容</span>
            </div>
        </div>
        <div class="patent" >
            <a name="honors" id="honors">
                <div class="patent-list ">
                    <div class="swiper mySwiper image-list">
                        <div class="swiper-wrapper hide_div">
                            {foreach $honors as $h}
                            <a href="__DOMAIN__/patent.html" class="swiper-slide" target="_blank"> <img class="image" src="{$h['img']}" alt="{$h['title']}"></a>
                            {/foreach}
                        </div>
                        <!-- <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div> -->
                    </div>
                </div>
            </a>
        </div>
        <div class="down-content" >

            <div class="show-pic">

                <div class="left">
                    <h3 class="top">
                        {:lang('R&D strength')}
                    </h3>
                    <div class="center"></div>
                    <div class="down">
                        {$config['culture']|raw|htmlspecialchars_decode|nl2br|default=''}
                    </div>
                </div>

                <div class="pic-list">
                    {foreach $config['tech_img'] as $t}
                    <img class="image" src="{$t}" alt="">
                    {/foreach}
                </div>
            </div>
            <div class="show-world">
                <img class="show-image"  src="{$config['sale_network']|default=''}" alt="">
                <div class="right-word">
                    <h3 class="top">
                        {:lang('Sales network')}
                    </h3>
                    <div class="center"></div>
                    <div class="down">
                        {$config['introduction']|raw|htmlspecialchars_decode|nl2br|default=''}
                    </div>
                </div>
                <img class="hide-image" src="{$config['sale_network']|default=''}"  alt="">
            </div>
            <div class="contact">
                <h3 class="top">
                    <a name="strength" id="strength" >   {:lang('contact_us')}</a>
                </h3>
                <div class="center-group">
                    <div class="left">
                        <div class="center-top">
                            <i class="fi fi-telphone-fill"></i>
                            <div>{:lang('phone')}</div>
                        </div>
                        <div class="top-group">
                            <div>{:lang('tel')}：<a href="tel:{$config['information_phone']}" >{$config['information_phone']}</a></div>
                            <div>{:lang('technical_support_phone')}：<a href="tel:{$config['technical_support_phone']}">{$config['technical_support_phone']}</a></div>
                            <div>{:lang('server_phone')}：<a href="tel:{$config['server_phone']}">{$config['server_phone']}</a></div>
                        </div>
                    </div>
                    <div class="left">
                        <div class="center-top">
                            <i class="fi fi-youxiang"></i>
                            <div>{:lang('email')}</div>
                        </div>
                        <div class="top-group">
                            <div>{:lang('sale_email')}：<a href="mailto:$config['sale_email']">{$config['sale_email']}</a></div>
                            <div>{:lang('customer_server_email')}：<a href="mailto:$config['customer_server_email']">{$config['customer_server_email']}</a></div>
                        </div>
                    </div>
                    <div class="left">
                        <div class="center-top">
                            <i class="fi fi-dizhi"></i>
                            <div>{:lang('address')}</div>
                        </div>
                        <div class="top-group">
                            <div>
                                <a style="color: black" target="_blank" href="http://uri.amap.com/marker?position={$config['position']}&name={$config['address']|default=''}&coordinate=gaode&callnative=1">	<li>
                                    {:lang('RD_center')}：{$config['address']}
                                </a>
                            </div>
                            <div>
                                <a style="color: black" target="_blank"  href="http://uri.amap.com/marker?position={$config['product_position']}&name={$config['address']|default=''}&coordinate=gaode&callnative=1">	<li>
                                    {:lang('product_address')}：{$config['product_address']}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footer"></div>
</div>
{/block}

{block name="script"}
<script src="https://paidou.cdn.dgyunju.cn/js/text.js?{$version|default=100}"></script>
{/block}

{/extend}
